<template>
    <div>
        <van-search v-model="value" shape="round" background="red" show-action placeholder="请输入搜索关键词">
            <template #left>
                <div class="address">地址</div>
            </template>
            <template #action>
                <div @click="gotopageFn">{{ islogin ? '我的' : '登录' }}</div>
            </template>
        </van-search>
    </div>
</template>

<script>
export default {
    data() {
        return {
            value: '' // 搜索关键字

        }
    },
    computed: {
        islogin() {
            return localStorage.getItem('token') ? true : false
        }
    },
    methods: {
        gotopageFn() {
            // 根据是否登录. 跳转到不同的路由地址
            // 如果登录跳转到我的页, 否则跳转倒排登录页
            if (this.islogin) {
                this.$router.push('/user')
            } else {
                this.$router.push('/login')
            }
        }
    },

}
</script>
<style scoped lang="less">
.address {
    font-size: 14px;
    margin-right: 8px;
    color: white;
}

.van-search__action {
    color: white;
}
</style>